// pages/test/test.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    tab: [
      {id: 0,tname: '首页',isActive: true},
      {id: 1,tname: '新闻',isActive: false},
      {id: 2,tname: '体育',isActive: false},
      {id: 3,tname: '娱乐',isActive: false}
    ],
  },

  // 处理组件传来的数据
  handleData: function (e) {
    // 接受来自组件的数据---导航项的索引号
    const index = e.detail.index;
    // 根据传来的导航项的索引号修改本地数据里导航项的激活状态
    let tab = this.data.tab;    // 复制数据
    tab.forEach(v => {          // 修改数据
      v.isActive = v.id === index ? true : false;
    });
    this.setData({              // 重置数据
      tab: tab
    });
  }
})